﻿@using HrEFCore
@using HrEFCore.Models;
@model HrEFCore.SG
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="~/aa/vue/dist/vue.js"></script>
	<script src="~/aa/element-ui/lib/index.js"></script>
	<link href="~/aa/element-ui/lib/theme-chalk/index.css" rel="stylesheet" />
	<script src="~/aa/axios/dist/axios.js"></script>
	<link href="~/css/table.css" rel="stylesheet" />
	<script type="text/javascript" src="../../javascript/jquery-1.7.2.js"></script>
	<title>无标题文档</title>
	<style type="text/css">
		body {
			background: rgb(253,244,227);
		}

		.TD_STYLE1 {
			background: #E6DDCE;
			/* color:white; */
		}

		.TD_STYLE2 {
			background: rgb(253,244,227);
		}

		.INPUT_STYLE2 {
			background: rgb(253,244,227);
		}
	</style>
</head>
<body>
	<div id="sgwherecx">
		<form method="post" action="">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准登记查询</font>
					</td>
				</tr>
				<tr>
					<td>
						&nbsp;
					</td>
				</tr>
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=0 cellspacing=1
				   bordercolorlight=#848284 bordercolordark=#eeeeee
				   class="TABLE_STYLE1">
				<template>
					<el-table :data="list"
							  border
							  style="width: 100%">
						<el-table-column prop="salaryGrantId"
										 label="薪酬编号"
										 width="180">
						</el-table-column>
						<el-table-column prop="firstKindName"
										 label="I级机构名称"
										 width="180">
						</el-table-column>
						<el-table-column prop="secondKindName"
										 label="II级机构名称">
						</el-table-column>
						<el-table-column prop="thirdKindName"
										 label="III级机构名称">
						</el-table-column>
						<el-table-column prop="humanAmount"
										 label="人数">
						</el-table-column>
						<el-table-column prop="salaryStandardSum"
										 label="基本薪酬总额(元)">
						</el-table-column>
					</el-table>
				</template>


			</table>


			<el-pagination v-on:size-change="handleSizeChange"
						   v-on:current-change="handleCurrentChange"
						   :currentpage="currentPage"
						   :page-sizes="[2, 4, 6, 8]"
						   :page-size="pageSize"
						   layout="total, sizes, prev, pager, next, jumper"
						   :total="rows">
			</el-pagination>
		</form>
	</div>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#sgwherecx",
			data: {
				list: [],
				currentPage: 1,
				pageSize: 2,
				rows: 1,
				StandardId: "",
				RegistTime: "",
			},
			methods: {
				fill: function () {
					axios.get("/SG/GetSGWhereCX", {
						params: {
							currentPage: this.currentPage,
							pageSize: this.pageSize
						}
					}).then(res => {
						this.list = res.data.list;
						this.rows = res.data.rows;
						console.log("list:"+res.data.list);
						console.log("rows:"+res.data.rows);
						console.log(res.data);
					}).catch(err => {
						console.log(err);
					})
				},
				handleSizeChange: function (val) {
					this.pageSize = val;
					this.fill();
				},
				handleCurrentChange: function (val) {
					this.currentPage = val;
					this.fill();
				}
			},
			mounted: function () {
				this.fill();
			}
		});
	</script>
</body>
</html>